<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ECharts Example</title>
    <!-- 引入ECharts的CDN链接 -->
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
</head>
<body>
    <!-- 在这里添加你的ECharts图表 -->
    <div id="chart" style="width: 600px; height: 400px;"></div>

    <script>
        // 在页面加载完成后创建ECharts图表
        document.addEventListener('DOMContentLoaded', function () {
            // 获取DOM中的图表容器
            var chartContainer = document.getElementById('chart');

            // 基于DOM创建ECharts实例
            var myChart = echarts.init(chartContainer);

            // 配置图表参数
            var option = {
                title: {
                    text: 'ECharts 示例'
                },
                xAxis: {
                    data: ['A', 'B', 'C']
                },
                yAxis: {},
                series: [{
                    name: '数值',
                    type: 'bar',
                    data: [20, 30, 40]
                }]
            };

            // 使用配置项设置图表
            myChart.setOption(option);
        });
    </script>
</body>
</html>
